.SuperSearch {
    margin-bottom: 1.5em;

    :global {
        .search-commonly {
            .search-item.ant-form-item {
                margin-right: 12px;
            }

            &-more {
                padding-left: 10px;
                padding-right: 0;
            }
        }

        .search-item {
            margin-right: 0;
        }

        .search-more {
            display: flex;
            flex-wrap: wrap;
            margin-left: -1em;
            margin-right: 1em;

            > .search-item {
                display: flex;
                width: auto;
                margin-left: 1.2em;
                margin-right: 1.2em;
            }

            .form-row {
                width: 100%;

                .search-item {
                    display: flex;
                    width: 100%;
                }

                :global {
                    .ant-row {
                        display: flex;
                        width: 100%;
                    }

                    .ant-row-flex > .ant-col {
                        // margin: 4px 0 !important;
                        margin-top: 4px !important;
                        margin-bottom: 4px !important;
                    }

                    .ant-form-item-label {
                        display: flex !important;
                        justify-content: flex-end;
                        align-items: center;
                        width: 100px;
                        flex-shrink: 0;
                    }

                    .ant-form-item-control-wrapper {
                        // flex: 1 !important;
                        width: calc(100% - 100px);

                        & > div {
                            flex: 1;
                            width: 100%;
                            max-width: 100%;
                        }
                    }

                    .ant-calendar-picker {
                        width: 100% !important;
                    }

                    .ant-select {
                        width: 100% !important;
                    }
                }
            }

            &--collapsed {
                display: none;
            }

            // :global .ant-row-flex > .ant-col {
            //     margin-top: 4px !important;
            //     margin-bottom: 4px !important;
            // }
        }
    }
}
